<!DOCTYPE HTML>
{% load staticfiles %}
<html>

<head>
    {# 标题 #}
	<title>{% block title %}{% endblock title %}</title>
	<link href="{% static 'css/bootstrap.min.css' %}" rel='stylesheet' type='text/css' />
	<link href="{% static 'css/style.css' %}" rel='stylesheet' type='text/css' />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" href="{% static 'images/favicon.ico' %}">
    <script type="application/x-javascript">
		addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
	</script>
	<script src="{% static 'js/jquery-1.9.1.min.js' %}"></script>
    {# 头部Css链接　#}
    {% block head_link %}{% endblock head_link %}
    {# 头部js #}
    {% block head_js %}{% endblock head_js %}

</head>

<body>
    {# 共享的头部导航部分 #}
	<div class="top-header">
		<div class="container">
			<p class="m_1">订餐电话：666-888-999<span class="m_2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;满分餐厅静待您的光临</span></p>
			<div class="clear"> </div>
		</div>
	</div>

	<div class="bottom-header">
		<div class="container">

			<div class="header_top-responsive">
				<div class="logo_responsive hidden-md hidden-sm hidden-xs">
                    <a href="{% url 'index:index' %}">
                        <img src="{% static 'images/logo.png' %}" alt=""/>
                    </a>
                </div>
				<div class="search_responsive">
					<input type="text" value="搜索" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索';}">
					<input type="submit" value="">
				</div>
				<div class="clear"></div>
			</div>


			<div class="h_menu4">
				<!-- start h_menu4 -->
				<a class="toggleMenu" href="#">Home</a>
				<ul class="nav">
					<li class="active"><a href="{% url 'index:index' %}">首页</a></li>
					<li><a href="{% url 'dishes:all_dishes' 'dish_praise' %}?page=1">所有菜品</a>
						<ul>
							<li><a href="{% url 'dishes:dishes' %}?index=1">素食主义</a></li>
							<li><a href="{% url 'dishes:dishes' %}?index=2">无肉不欢</a></li>
							<li><a href="{% url 'dishes:dishes' %}?index=3">海鲜盛宴</a></li>
							<li class="last"><a href="{% url 'dishes:dishes' %}?index=4">特调饮品</a></li>
						</ul>
					</li>
					<li class="logo hidden-md hidden-sm hidden-xs"><a href="{% url 'index:index' %}"><img src="{% static 'images/logo.png' %}" alt=""/></a></li>
					<li><a href="{% url 'stories:index' %}">餐厅故事</a></li>
					<li><a href="{% url 'contact:contact' %}">联系我们</a></li>
				</ul>
				<script type="text/javascript" src="{% static 'js/nav.js' %}"></script>
			</div>


			<!-- end h_menu4 -->
            <form method="get" action="/search/">
			<div class="search">
				<input type="text" name="q" value="搜索美食" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索美食';}">
				<input type="submit" value="">
			</div>
            </form>

			<div class="clear5"></div>

		</div>
	</div>

    {# 主体部分 #}
    {% block body %}
    {% endblock %}


    {# 底部文字标语广告 #}

    <div class="tweets">
        <div class="container">
            <ul class="quotation">
                <i class="quot"> </i>
                <p class="m_17">
                    满分餐厅，陪你度过满分时刻，美味一直都在~~<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    We’re better...&nbsp;&nbsp; We’re fresher... &nbsp;&nbsp;We’re tastier... &nbsp;&nbsp;We're always there &nbsp;&nbsp;! &nbsp;&nbsp;!&nbsp;&nbsp; !
                </p>
                <div class="clear"></div>
                <div class="m_12"><span class="left_line2">
                    </span>
                        <div class="quot_view">
                            <p>满分爱 100~</p>
                        </div>
                    <span class="right_line2"> </span>
                </div>
            </ul>
        </div>
    </div>



{#    底部栏#}
	<div class="footer_bottom">
		<div class="container">
			<ul class="footer_bottom-list">
				<li><a href="#">工商信息</a></li>
				<li><a href="#">服务协议</a></li>
				<li><a href="#">隐私政策</a></li>
			</ul>
			<div class="copy">
				<p>© 2017 满分餐厅 <a href="#">证666888999号</a></p>
			</div>
			<div class="clear"></div>
		</div>
	</div>


</body>

</html>